import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Text,
    Image,
} from 'react-native';
import PxToDp from '../../utils/PxToDp';
import FontFamilys from '../../utils/FontFamilys';

class ErrorLoadPage extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Image source={require('../../img/home/noData.png')} />
        <Text style={[styles.text]}>加载失败，检查网络连接状态</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    fontSize: PxToDp(16),
    color: '#999999',
    marginTop: PxToDp(14),
    fontFamily: FontFamilys(),
  },
});
export default ErrorLoadPage;
